//import React from 'react';
//import ReactDom from 'react-dom';
//import Table from 'material-ui/lib/table/table';
//import TableHeaderColumn from 'material-ui/lib/table/table-header-column';
//import TableRow from 'material-ui/lib/table/table-row';
//import TableHeader from 'material-ui/lib/table/table-header';
//import TableRowColumn from 'material-ui/lib/table/table-row-column';
//import TableBody from 'material-ui/lib/table/table-body';
//import TableFooter from 'material-ui/lib/table/table-footer';
//import Button from 'react-bootstrap/lib/Button';
//import ButtonGroup from 'react-bootstrap/lib/ButtonGroup';
//import TextField from 'material-ui/lib/TextField';
//
//var BasicTable = React.createClass({
//    getInitialState:function(){
//        return ({
//            fixedHeader: this.props.fixedHeader?this.props.fixedHeader:true, //是否显示顶部工具栏
//            stripedRows: this.props.stripedRows?this.props.stripedRows:false,//是否有条纹
//            selectable: this.props.selectable?this.props.selectable:true,//是否可选
//            multiSelectable: this.props.multiSelectable?this.props.multiSelectable:true,//是否多选
//            enableSelectAll: this.props.enableSelectAll?this.props.enableSelectAll:true,//是否可以选择全部
//            deselectOnClickaway: this.props.deselectOnClickaway?this.props.deselectOnClickaway:false,//table失去焦点时取消选中
//            height: this.props.height?this.props.height:'300px',//table高
//            tableData: this.props.tableData?this.props.tableData:[],//table数据
//            searchData:this.props.tableData?this.props.tableData:[],
//            columns:this.props.columns,
//            columnNum:this.props.columnNum?this.props.columnNum:this.props.columns.length
//
//        })
//    },
//    //componentWillMount: function(){
//    //    this.setState({
//    //        tableData:this.props.tableData
//    //    });
//    //},
//    onDataChange: function(event){
//        var jquery = require('../lib/jquery-1.12.0.js');
//        var data = this.state.searchData;
//        var arr=jquery.grep(data,function(n,i){
//            var str = JSON.stringify(n);
//            return str.indexOf(event.target.value)>-1;
//        },false);
//        this.setState({tableData:arr});
//    },
//    getSelections:function(selections){
//        var selected = [];
//        selections.map((row)=>{
//            var tbody = ReactDom.findDOMNode(this.refs.basicTableBody);
//            var rows = tbody.children;
//            var rowItem = rows[row].children;
//            var colValues = [];
//            for(var td = 2; td<rowItem.length;td++){
//                colValues.push(rowItem[td].innerHTML);
//            }
//            var colKey = this.state.columns;
//            var jsonOb = {};
//            for(var i = 0;i<colKey.length;i++){
//                jsonOb[colKey[i].key] = colValues[i];
//            }
//            selected.push(jsonOb);
//        });
//        this.props.rowSelected(selected);
//    },
//    render(){
//        return (
//            <div>
//                <Table height={this.state.height}
//                       fixedHeader={this.state.fixedHeader}
//                       selectable={this.state.selectable}
//                       multiSelectable={this.state.multiSelectable}
//                       enableSelectAll={this.state.enableSelectAll}
//                       onRowSelection = {this.getSelections}
//                >
//
//                    <TableHeader enableSelectAll={this.state.enableSelectAll}>
//                        <TableRow>
//                            <TableHeaderColumn colSpan={this.state.columnNum+1} style={{textAlign: 'left'}}>
//                                <ButtonGroup>
//                                    <Button bsStyle="success" onClick={this.props.create}>添加</Button>
//                                    <Button bsStyle="primary" onClick={this.props.edit}>编辑</Button>
//                                    <Button bsStyle="danger" onClick={this.props.delete}>删除</Button>
//                                </ButtonGroup>&nbsp;
//
//                                <TextField hintText={"搜索"} onKeyUp={this.onDataChange} style={{width:'50%'}}/>
//                            </TableHeaderColumn>
//                        </TableRow>
//                        <TableRow>
//                            <TableHeaderColumn>行号</TableHeaderColumn>
//                            {this.state.columns.map((col)=>(
//                                <TableHeaderColumn style={{display:col.display?col.display:'table-cell'}}>{col.value}</TableHeaderColumn>
//                            ))}
//                        </TableRow>
//                    </TableHeader>
//                    <TableBody
//                        deselectOnClickaway={this.state.deselectOnClickaway}
//                        stripedRows={this.state.stripedRows}
//                        ref="basicTableBody"
//                    >
//                        {this.state.tableData.map( (row, index) => (
//
//                            <TableRow key={index} selected={row.selected}>
//                                <TableRowColumn>{index}</TableRowColumn>
//                                {this.state.columns.map((col)=>(
//                                    <TableRowColumn style={{display:col.display?col.display:'table-cell'}}>{row[col.key]}</TableRowColumn>
//                                ))}
//                            </TableRow>
//                        ))}
//                    </TableBody>
//                </Table>
//            </div>
//        );
//    }
//});
//module .exports = BasicTable;